<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>河东地域分区</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        .header{
            background: #43ac45;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        body{
            min-height:100vh;
            background: #f4f4f4;
        }
        .mui-content>.mui-table-view:first-child{
            margin-top:0;
        }
        .mui-table-view:after{
            height:0;
        }
        .mui-table-view-cell:after{
            height:0;
        }
        ul li{
            font-size:14px;
        }
        ul li div{
            margin-bottom:5px;
        }
        .mui-table-view{
            margin-top:-5px;
        }
        .mui-content img{
            width:100%;
        }
        ul li:nth-of-type(even){
            background: #f4f4f4;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" id='title'>住房保障公示</h1>
</header>
<div class="mui-content">
    <img src="../../images/icon/executive_housekeeper/ZFBZ.jpg" alt="">
    <ul class='mui-table-view'>
        <li class='mui-table-view-cell' value="0">
            <div class="list_right">
                2016年推出租赁补贴名单
            </div>
            <p class="clear" style='text-align:right'>
                2016-11-16
            </p>
        </li>
        <li class='mui-table-view-cell' value="1">
            <div class="list_right">
                2016年保障性安居工程项目进度情况表
            </div>
            <p class="clear" style='text-align:right'>
                2016-11-16
            </p>
        </li>
        <li class='mui-table-view-cell' value="2">
            <div class="list_right">
                2016年推出租赁补贴名单
            </div>
            <p class="clear" style='text-align:right'>
                2016-11-16
            </p>
        </li>
        <li class='mui-table-view-cell' value="3">
            <div class="list_right">
                2016年公租房房源(187套)
            </div>
            <p class="clear" style='text-align:right'>
                2016-11-16
            </p>
        </li>
    </ul>
</div>
<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
<script src="../../plugins/mui/mui.min.js"></script>
<script>
    mui.init();
    mui.plusReady(function(){
        $('.mui-content').on('tap','li',function(){
            var value=$(this).attr('value');
            mui.openWindow({
                url:'housing_detail.html',
                id:'housing_detail.html',
                extras:{
                    value:value,
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                },
                show:{
                    autoShow:true,
                    aniShow:'fade-in'
                }
            })
        })


        console.log($('li:last-child').css('background-color'));
        
        
        var bg=$('li:last-child').css('background-color');
        console.log($('body').css('background-color'))
        if($('body').css('background-color')==bg){
        	if($('body').css('background-color')=='rgb(244, 244, 244)'){
        		$('body').css('background-color','#fff');
        	}else{
        		$('body').css('background-color','#f4f4f4');
        	}
        }
    })
</script>
</body>
</html>